<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8"/>

	<title>Ejemplo</title>

	<!-- Se cargaran los archivos desde las carpeta de atras. -->
	<link rel="stylesheet" type="text/css" href="../ejemplos.css"/>
	<script type="text/javascript" src="../../../js/all.js"></script>
</head>

<body>

	<h1>Ejemplo #6</h1>

	<p>
		Este ejemplo enseña a cómo utilizar "tabs" para organizar contenido. Presionar CTRL+U para ver el
		código fuente de este ejemplo.
		Pueden usar tabs para agrupar y organizar contenido, como por ejemplo, una tab para reportes de un tipo,
		otra tab para reportes de otro tipo, etc.
	</p>

	<div class="tabs" data-view="Rin.Views.Tabs" data-default="tab1">
		<a data-name="tab1">Tab 1</a>
		<a data-name="tab2">Tab 2</a>
		<a data-name="tab3">Tab 3</a>
	</div>

	<div>
		<div data-name="tab1">
			<h1>Primera Tab (Tab #1)</h1>
		</div>

		<div data-name="tab2">
			<h1>Segunda Tab (Tab #2)</h1>
		</div>

		<div data-name="tab3">
			<h1>Tercer Tab (Tab #3)</h1>
		</div>
	</div>

</body>

</html>
